<template>
<h1>卡片</h1>

    <el-card style="max-width: 500px">
      <template #header>
        <div class="card-header">
          <span>Card name</span>
        </div>
      </template>
      <p v-for="o in 4" :key="o" class="text item">{{ 'List item ' + o }}</p>
      <template #footer>Footer content</template>
    </el-card>
  <br>
  <el-card style="width: 666px;float: right">
    <p>我是卡片</p>
  </el-card>

  <br>
  <el-row :gutter="10">
   <el-col :span="6">
     <el-card >
        <img src="mwzz.png" style="width:100%">
       <p>《宝可梦》:妙蛙种子</p>
       <div style="margin-bottom: 10px">
         <span>属性:草,毒</span>
         <span>爱好:睡觉</span>
       </div>
     </el-card>
   </el-col>
  </el-row>


</template>

<script setup>

</script>

<style scoped>

</style>